{include file='public/header' /}
<style type="text/css">
	::-webkit-input-placeholder { /* WebKit browsers */
	    color:    rgba(0,0,0,.5);
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	    color:    rgba(0,0,0,.5);
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	    color:    rgba(0,0,0,.5);
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
	    color:    rgba(0,0,0,.5);
	}
	.regmobile{
		width: 94%;
		margin:.4rem auto;
		font-size: .4rem;
		color:rgba(0,0,0,.7);
	}
	.logout{
	    display: inline-block;
	    width: 19px;
	    margin-right: 4px;
	    vertical-align: top;
	}
</style>
<body style='overflow-x:hidden;'> 
	<div class="walletHeader">
		<div class="imgboxes">
			<!-- <img src="__STATIC__/mobile/images/toux.png"> -->
		</div>
		<div style="display:block;position:absolute;right:5%;top:5%;">
			<a href="{:url('logout')}" style="color:white;"><img class="logout" src="__STATIC__/mobile/images/log_out.png">退出</a>
		</div>
		<p class="walletNum commons">{$user.user_money}</p>
		<p class="walletTotal  commons">总资产折合{$user.user_moneys}RMB</p>
	</div>
	<div class="walletaddress">
		<span class="walletName">我的钱包地址：</span>
		<span class="walletadd">{$user.user_money_addr}</span>
	</div>
	
	<a href="{:url('changemoney')}" class="changeIn">
		<i class="changetp"></i>
		<span>我要转账</span>
		<i class="arrow_right"></i>
	</a>
	<a href="{:url('changesin')}" class="changeIn">
		<i class="changetps"></i>
		<span>转账记录</span>
		<i class="arrow_right"></i>
	</a>
	<div class="tabBox">
		<ul class="listop">
			<li class="licolor">列表</li>
			<li>K线图</li>
		</ul>
		<div class="tablist">
			<div class="tabchild tabchilds">
				<ul class="listbtm">
					<li>
						<div class="listleft">
							<p class="listfp"><span class="fbig">Ethereum</span></p>
							<p class="listtp"><span class="fsmall">{$data_huobi['times']|date='Y-m-d',###}</span></p>
						</div>
						<div class="listmiddle">
							<p class="fbig">${$data_huobi.usd}</p>
							<p class="fsmall">￥{$data_huobi.cost}</p>
						</div>
						{if condition="$data_huobi['trend'] lt 0"}
							<div class="listright redColor">
								{$data_huobi.trend}%
							</div>
						{else /}
							<div class="listright greenColor">
								{$data_huobi.trend}%
							</div>
						{/if}
					</li>
				</ul>
			</div>
			<div class="tabchild tabchilds h5box">
				<iframe src="https://m.cn.investing.com/crypto/ethereum" width="100%" height="100%" scrolling="no" class="ifr" frameborder="0">
				</iframe>
				<div class="whitebox"></div>
			</div>
		</div>
	</div>
	<div class="footer">
		<ul>
			<li>
				<a href="{:url('index')}">
					<img src="__STATIC__/mobile/images/Walletfill-hdpi.png">
					<p class="licolor">钱包</p>
				</a>
			</li>
			<li>
				<a href="{:url('changemoney')}">
					<img src="__STATIC__/mobile/images/Conversionsilhouette-hdpi.png">
					<p>转账</p>
				</a>
			</li>
		</ul>
	</div>
	
	<script type="text/javascript">
		function init(){
			$('.tabchild').eq(0).show();
			$('.listop>li').eq(0).addClass('licolor');
		}
		init();
		$('.listop>li').click(function(){
			var index = $(this).index();
			$(this).addClass('licolor').siblings('li').removeClass('licolor');
			$('.tabchild').eq(index).show().siblings('.tabchild').hide();
		})
		// fastclick.js组件的引用
		$(function() {
			FastClick.attach(document.body);
		})
	</script>

</body>
</html>